<template>
    <div>
        <div class="box1 flex">
            <div class="text-center">
                <div class="ib" tag="div" :to="{path:'/center'}">
                    <div class="rel ib">
                        <img
                            src="http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTK6k1ycS7eYHxpIlIykyUibfGgdhliaSv44iagOdzdfTL6QuELyNKPPw46icgYVY5toOR6RXkqx7OUXTQ/132"
                            alt=""
                            class="avartar-img"
                        >
                    </div>
                    <div class="box1-txt">个人中心</div>
                </div>
            </div>
            <div class="text-center">
                <div class="ib">
                    <img
                        src="../../assets/icons/usercenter/userqrcode@2x.png"
                        alt=""
                        class="user-qrcode"
                    >
                    <div class="box1-txt">会员二维码</div>
                </div>
            </div>
            <div class="text-center">
                <div class="ib" tag="div" :to="{path:'/shop'}">
                    <img src="../../assets/icons/usercenter/shop@2x.png" alt="" class="user-qrcode">
                    <div class="box1-txt">会员商城</div>
                </div>
            </div>
            <div>
                <div class="ib" tag="div" :to="{path:'/album'}">
                    <img src="../../assets/icons/usercenter/oil@2x.png" alt="" class="user-qrcode">
                    <div class="box1-txt">主题专区</div>
                </div>
            </div>
        </div>
        <div class="box1 flex">
            <div>
                <div class="ib" tag="div" :to="'/mypointscard'">
                    <div class="box1-num">{{userinfo.points||0}}</div>
                    <div class="box1-txt">积分</div>
                </div>
            </div>
            <div>
                <div class="ib" tag="div" :to="'/dzj'">
                    <div class="box1-num">0</div>
                    <div class="box1-txt">电子券</div>
                </div>
            </div>
            <div>
                <div class="ib" tag="div" :to="'/myinvoices'">
                    <div class="box1-num">{{userinfo.invoiceCount||0}}</div>
                    <div class="box1-txt">发票</div>
                </div>
            </div>
            <div>
                <div class="ib" tag="div" :to="'/collections'">
                    <div class="box1-num">{{userinfo.collectionCount||0}}</div>
                    <div class="box1-txt">收藏</div>
                </div>
            </div>
        </div>
        <div class="box1 flex">
            <div class="text-center">
                <div :to="{path:'/bill?type=0'}" class="ib rel" tag="div">
                    <img
                        src="../../assets/icons/usercenter/watipay@2x.png"
                        alt=""
                        style="width: 0.76rem;height: 0.6267rem"
                    >
                    <div class="box1-txt" style="padding-top:0.2667rem;">待付款</div>
                    <div
                        class="tip-count"
                        v-if="billData.waitPayCount"
                    >{{billData.waitPayCount|numFormat}}</div>
                </div>
            </div>
            <div class="text-center">
                <div :to="{path:'/bill?type=2'}" class="ib rel" tag="div">
                    <img
                        src="../../assets/icons/usercenter/waithuo@2x.png"
                        alt=""
                        style="width:0.7467rem;height:0.5467rem;"
                    >
                    <div class="box1-txt" style="padding-top:0.2667rem;">待收货</div>
                    <div
                        class="tip-count"
                        v-if="billData.waitReceiveCount"
                    >{{billData.waitReceiveCount|numFormat}}</div>
                </div>
            </div>
            <div class="text-center">
                <div :to="{path:'/bill?type=4'}" class="ib rel" tag="div">
                    <img
                        src="../../assets/icons/usercenter/waitcomment@2x.png"
                        alt=""
                        style="width:0.6rem;height:0.6rem;"
                    >
                    <div class="box1-txt" style="padding-top:0.2533rem;">待评价</div>
                    <div
                        class="tip-count"
                        v-if="billData.waitCommentCount"
                    >{{billData.waitCommentCount|numFormat}}</div>
                </div>
            </div>
            <div>
                <div :to="{path:'/bill'}" class="ib rel" tag="div">
                    <img
                        src="../../assets/icons/usercenter/allbill@2x.png"
                        alt=""
                        style="width:0.64rem;height:0.5867rem;"
                    >
                    <div class="box1-txt" style="padding-top:0.28rem;">全部订单</div>
                    <!-- <div class="tip-count" v-if="billData.orderCount">
            {{billData.orderCount|numFormat}}
                    </div>-->
                </div>
            </div>
        </div>
        <div class="box1 flex">
            <div>
                <div class="ib" :to="{path:'/customer_service'}" tag="div">
                    <img
                        src="../../assets/icons/usercenter/customer_center@2x.png"
                        alt=""
                        style="width: 0.8rem;height:0.5867rem;"
                    >
                    <div class="box1-txt" style="padding-top:0.2667rem;">客服中心</div>
                </div>
            </div>
            <div>
                <div class="ib" :to="{path:'/costlist'}" tag="div">
                    <img
                        src="../../assets/icons/usercenter/myxf@2x.png"
                        alt=""
                        style="width:0.84rem;height:0.5733rem;"
                    >
                    <div class="box1-txt" style="padding-top:0.2667rem;">我的消费</div>
                </div>
            </div>
            <div>
                <div class="ib" :to="{path:'/mymsg'}" tag="div">
                    <img
                        src="../../assets/icons/usercenter/mymsg@2x.png"
                        alt=""
                        style="width:0.7067rem;height:0.6rem"
                    >
                    <div class="box1-txt" style="padding-top:0.2667rem;">我的消息</div>
                    <div
                        class="tip-count"
                        v-if="userinfo.unReadMsgCount>0"
                    >{{userinfo.unReadMsgCount}}</div>
                </div>
            </div>
            <div>
                <div class="ib" :to="{path:'/settings'}" tag="div">
                    <img
                        src="../../assets/icons/usercenter/mysettings@2x.png"
                        alt=""
                        style="width:0.5867rem;height:0.5733rem;"
                    >
                    <div class="box1-txt" style="padding-top:0.28rem;">我的设置</div>
                </div>
            </div>
        </div>
    </div>
</template>
